<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>用户中心_{$web_name}</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="Keywords" content="用户中心" />
		<meta name="Description" content="用户中心" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
		<meta name="format-detection" content="telephone=no">
		<tc_include file="Public:head" />
		<link rel="stylesheet" type="text/css" href="/themes/wnsc/Home/User/css/user.css" />
		<link rel="stylesheet" type="text/css" href="/themes/wnsc/Home/User/css/user_common.css" />
		<style type="text/css">
			.inputbg {
			    border: 1px solid #ddd;
			    height: 30px;
			    width: 200px;
			    line-height: 30px;
			    padding: 0px 5px;
			    margin-right: 5px;
			    color: #333333;
			        
			}
			 input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
			 	-webkit-appearance: none !important;  
			 }
			.webuploader-element-invisible{height: 38px;width: 130px;}
			#cfilePicker label{height: 38px!important;width: 130px;}
			#cfilePicker div:nth-child(2){height: 38px!important;width: 130px;}
		</style>
	</head>

	<body>
		
		<tc_include file="Public:nav" />
		<div class="w990" id="content" style="background: none;">
			<div class="margin-w1210 clearfix">
				<div class="w">
					<div class="breadcrumb clearfix">
						<a href="/" class="index">首页</a> <span class="crumbs-arrow">&gt;</span> <span class="last">用户中心</span></div>
				</div>
				<div class="blank"></div>
				<tc_include file="Public:user_left" />
				<div class="user-right">
					<div class="box">
						
						<script type="text/javascript">
							function setTabCatGoods(name, cursel, n) {
								for(i = 1; i <= n; i++) {
									var menu = document.getElementById(name + i);
									var con = document.getElementById("con_" + name + "_" + i);
									con.style.display = i == cursel ? "block" : "none";
									menu.className = i == cursel ? "active" : "";
								}
							}
						</script>
						<div class="tabmenu">
							<ul class="tab">
								<li class="active" id="tab1" onclick="setTabCatGoods('tab',1,2)">基本信息</li>
								<li class="" id="tab2" onclick="setTabCatGoods('tab',2,2)">更换头像</li>
							
							</ul>
						</div>
						<div class="alert alert-success">
							<h4>操作提示：</h4>
							<ul>
								<li>您可对用户基本资料，头像进行修改。</li>
							</ul>
						</div>
						<div class="ncm-user-profile">
							<div class="ncm-default-form" id="con_tab_1" style="display: block;">
								<table width="100%" border="0" cellpadding="10" cellspacing="1" bgcolor="#eee">
									<tbody>
										<tr>
											<td width="35%" align="right">用户名称：</td>
											<td width="65%" align="left">
												<input type="text" name="username" value="{$userinfo['username']}"  size="25" class="username inputbg" style="ime-mode:disabled">
												<span id="username_message" style="color:#E31939"></span>
											</td>
										</tr>
										<tr>
											<td align="right">出生日期：</td>
											<td align="left">
												
												<input type="date" name="birthday"  size="25" class="birthday inputBg" style="ime-mode:disabled" value="{$userinfo['birthday']}">
											</td>
										</tr>
										<tr>
											<td align="right">性别：</td>
											<td align="left">
												
												<label><input type="radio" name="sex" value="0" <eq name="userinfo['sex']" value="0">checked="checked"</eq>>保密&nbsp;&nbsp; </label>
												<label><input type="radio" name="sex" value="1" <eq name="userinfo['sex']" value="1">checked="checked"</eq>>男&nbsp;&nbsp; </label>
												<label><input type="radio" name="sex" value="2" <eq name="userinfo['sex']" value="2">checked="checked"</eq>>女 </label>
											</td>
										</tr>
										<tr>
											<td colspan="2" align="center">
												<label class="submit-border">
					                          		<input class="act" type="hidden" value="act_edit_profile">
					                          		<input name="submit" type="button" class="main-btn main-btn-large act_edit_profile" value="确认修改">
					                        	</label>
											</td>
										</tr>
									</tbody>
								</table>
								
							</div>
							<div class="ncm-default-form" id="con_tab_2" style="display: none;">
								
									<table width="100%" border="0" cellpadding="10" cellspacing="1" bgcolor="#eee">
										<tbody>
											
											<tr>
												<td width="35%" align="right">头像预览：</td>
												<td class="user-avatar">
													<div id="uploader" style="width:400px;overflow:hidden">
									                      <div id="fileList" class="uploader-list">
									                      <div id="WU_FILE_0" class="file-item thumbnail upload-state-done"><img class="img-responsive" src=""></div>
									                      <input type="hidden" name="UpFilePathInfo" value="">
									                      </div>
									                      <p class="hint">
																完善个人信息资料，上传头像图片有助于您结识更多的朋友。<br>
																<span style="">头像最佳默认尺寸为120x120像素。</span>
															</p>
									                      <div id="cfilePicker">选择图片</div>
									                </div>
												</td>
											</tr>
											<tr>
												<td colspan="2" align="center">
													<label class="submit-border">
						                          		<input class="act2" type="hidden" value="act_edit_img">
						                          		<input name="submit" type="submit" class="main-btn main-btn-large act_edit_img" value="确认修改">
						                        	</label>
												</td>
											</tr>
										</tbody>
									</table>
								
							</div>
							
						</div>
					</div>
				</div>

			</div>
		</div>
		<div style="clear: both;"></div>

		<tc_include file="Public:footer" />
		<script>
		//全局变量
		    var GV = {
		         DIMAUB: "/",
                JS_ROOT: "NewAdmin/js/",
		        TOKEN: ""
		    };
		</script>
		<script type="text/javascript" src="/themes/wnsc/Home/User/js/info.js"></script>	
		<script type="text/javascript" src="/NewAdmin/js/webuploader/webuploader.js"></script>
		<script type="text/javascript" src="/NewAdmin/js/webuploader/getting-started.js"></script>
		<link rel="stylesheet" href="/NewAdmin/css/webuploader.css" />
		<script src="/NewAdmin/js/wind.js"></script>
		<script type="text/javascript">

			var BASE_URL = '/newAdmin/js/webuploader/';
			var UPLOAD_SERVER='{:U("User/uploadify_wb")}';
			var UpFilePathInfo='{$userinfo['user_pic']}';
			$(function() {
				$('#uploader img').attr('src',UpFilePathInfo);
				$(':input[name="UpFilePathInfo"]').val(UpFilePathInfo);
				$("#uploader").setUploader(null,{uploadImgType:'normal',thumb:{height:102}});
			});
		</script>
		</script>
	</body>

</html>